<template>
        <el-card :body-style="{ padding: padding }" shadow="never">
            <template #header>
      <div class="card-header">
        <span>{{title}}</span>
      </div>
    </template>
             <scEcharts :height="height" :option="echartsData"></scEcharts >
      </el-card>
</template>

<script>
import scEcharts from '@/components/scEcharts'
// import * as echarts from "echarts";
export default {
      props:{
        title: { type: String, default: '' },
        echartsData:{type:Object,default: ()=>{}},
        height:{ type: String, default: '300px' },
        padding:{ type: String, default: '20px' },
    },
  data(){
      return{
  //         	option: {
  //               color: ["#003366", "#006699", "#4cabce", "#e5323e"],
  //                 tooltip: {
  //               trigger: "axis",
  //             axisPointer: {
  //                type: "shadow"
  //               }
  //            },
  //               dataset: {
  //               source: [
  //                 ["type", "上量/动销", "客户培训类", "布货活动", "客户会议类", "协议费",'客户赞助类','数字化创新'],
  //                 ["上期", 320, 332, 301, 334, 390,200,100],
  //                 ["本期", 220, 182, 191, 234, 290,355,402],
  //   ]
  // },
  // legend: {
  //       data: ['上期', '本期'],
  //       left: '140',
  //       textStyle:{
  //           fontSize:'1.3rem'
  //       }
  //       // top:'-20px'
  // },
  // xAxis: {
  //   type: "category",
  //   axisTick: {
  //     show: false
  //   },
     
  //     axisLabel:{
  //      show: true,
  //   //    interval: 0,// 使x
  //           	color: '#666666',
  //           	margin: 20,
  //           	fontSize: '1.5rem'
  // },
  // },
  // yAxis: {
  //      name:'费用投入',
  //      nameTextStyle: {
  //      fontSize: '1.5rem',
  //      color:'#666666',
  //      align:'center',
  //      verticalAlign:'bottom',
  //      lineHeight:28,
  //       padding:[0,0,0,0]
  //   },
  //         axisLabel:{
  //      show: true,
  //   //    interval: 0,// 使x
  //           	color: '#666666',
  //           	margin: 10,
  //           	fontSize:'1.3rem'
  // },
  // },

  // series: [{
  //   type: "bar",
  //   seriesLayoutBy: "row",
  //   // label: {
  //   //     show: true,
  //   //     position: 'inside'
  //   //   },
  //   barWidth: this.fontSize(40),
  //   itemStyle:{
  //       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [   
  //        { offset: 1, color: '#85A7FF' },  //开始的颜色
  //        { offset: 0, color: '#656EFF' }  //结束的颜色
  //       ]),
  //   }
  // }, {
  //   type: "bar",
  //   seriesLayoutBy: "row",
  //   //     label: {
  //   //     show: true,
  //   //     position: 'inside'
  //   //   },
  //   barWidth: this.fontSize(40),
  //       itemStyle:{
  //       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [   
  //        { offset: 1, color: '#FF9423'},  //开始的颜色
  //        { offset: 0, color: '#FAE994' }  //结束的颜色
  //       ]),
  //    }
  // }]
	// 		},
      }
    },
    components:{
        scEcharts
    },
    methods:{

    }
}
</script>

<style>
.card-header{
    font-size: 17px;
font-weight: normal;
color: var(--el-color-text-3); 
line-height: 34px;
}
</style>